<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-light">
  <!-- Create the tabs -->
  <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
    <li class="nav-item"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
    <li class="nav-item"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-cog fa-spin"></i></a>
    </li>
  </ul>
  <!-- Tab panes -->
  <div class="tab-content">
    <!-- Home tab content -->
    <div class="tab-pane" id="control-sidebar-home-tab">
      <h3 class="control-sidebar-heading">近期活动</h3>
      <ul class="control-sidebar-menu">
        <li>
          <a href="javascript:void(0)">
            <i class="menu-icon fa fa-birthday-cake bg-danger"></i>

            <div class="menu-info">
              <h4 class="control-sidebar-subheading">管理员生日</h4>

              <p>将于7月24日</p>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <i class="menu-icon fa fa-user bg-warning"></i>

            <div class="menu-info">
              <h4 class="control-sidebar-subheading">Jhone更新个人资料</h4>

              <p>新邮箱：jhone_doe@demo.com</p>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <i class="menu-icon fa fa-envelope-o bg-info"></i>

            <div class="menu-info">
              <h4 class="control-sidebar-subheading">Disha加入邮件列表</h4>

              <p>disha@demo.com</p>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <i class="menu-icon fa fa-file-code-o bg-success"></i>

            <div class="menu-info">
              <h4 class="control-sidebar-subheading">代码更改</h4>

              <p>执行时间15天</p>
            </div>
          </a>
        </li>
      </ul>
      <!-- /.control-sidebar-menu -->

      <h3 class="control-sidebar-heading">任务进展</h3>
      <ul class="control-sidebar-menu">
        <li>
          <a href="javascript:void(0)">
            <h4 class="control-sidebar-subheading">
              网页设计
              <span class="label label-danger pull-right">40%</span>
            </h4>

            <div class="progress progress-xxs">
              <div class="progress-bar progress-bar-danger" style="width: 40%"></div>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <h4 class="control-sidebar-subheading">
              更新数据
              <span class="label label-success pull-right">75%</span>
            </h4>

            <div class="progress progress-xxs">
              <div class="progress-bar progress-bar-success" style="width: 75%"></div>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <h4 class="control-sidebar-subheading">
              订单过程
              <span class="label label-warning pull-right">89%</span>
            </h4>

            <div class="progress progress-xxs">
              <div class="progress-bar progress-bar-warning" style="width: 89%"></div>
            </div>
          </a>
        </li>
        <li>
          <a href="javascript:void(0)">
            <h4 class="control-sidebar-subheading">
              发展
              <span class="label label-primary pull-right">72%</span>
            </h4>

            <div class="progress progress-xxs">
              <div class="progress-bar progress-bar-primary" style="width: 72%"></div>
            </div>
          </a>
        </li>
      </ul>
      <!-- /.control-sidebar-menu -->

    </div>
    <!-- /.tab-pane -->
    <!-- Stats tab content -->
    <div class="tab-pane" id="control-sidebar-stats-tab">统计选项卡内容</div>
    <!-- /.tab-pane -->
    <!-- Settings tab content -->
    <div class="tab-pane" id="control-sidebar-settings-tab">
      <form method="post">
        <h3 class="control-sidebar-heading">常规设置</h3>

        <div class="form-group">
          <input type="checkbox" id="report_panel" class="chk-col-grey">
          <label for="report_panel" class="control-sidebar-subheading ">报表面板用法</label>

          <p>
            常规设置信息
          </p>
        </div>
        <!-- /.form-group -->

        <div class="form-group">
          <input type="checkbox" id="allow_mail" class="chk-col-grey">
          <label for="allow_mail" class="control-sidebar-subheading ">邮件重定向</label>

          <p>
            其他选项集可用
          </p>
        </div>
        <!-- /.form-group -->

        <div class="form-group">
          <input type="checkbox" id="expose_author" class="chk-col-grey">
          <label for="expose_author" class="control-sidebar-subheading ">公开作者姓名</label>

          <p>
            允许用户在日志中显示其姓名
          </p>
        </div>
        <!-- /.form-group -->

        <h3 class="control-sidebar-heading">聊天设置</h3>

        <div class="form-group">
          <input type="checkbox" id="show_me_online" class="chk-col-grey">
          <label for="show_me_online" class="control-sidebar-subheading ">显示为联机</label>
        </div>
        <!-- /.form-group -->

        <div class="form-group">
          <input type="checkbox" id="off_notifications" class="chk-col-grey">
          <label for="off_notifications" class="control-sidebar-subheading ">关闭通知</label>
        </div>
        <!-- /.form-group -->

        <div class="form-group">
          <label class="control-sidebar-subheading">
            <a href="javascript:void(0)" class="text-red margin-r-5"><i class="fa fa-trash-o"></i></a>
            删除聊天历史记录
          </label>
        </div>
        <!-- /.form-group -->
      </form>
    </div>
    <!-- /.tab-pane -->
  </div>
</aside>

<!-- /.control-sidebar -->

<!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>